@charset "utf-8";
/* CSS Document */
* {padding:0; margin:0; font-family:verdana,arial, Helvetica, sans-serif; font-size:13px; color:#848484}
ul,li {list-style:none}
img {border:none}
a {text-decoration:none}
a:hover {color:#1472b7;}
table {border-collapse:collapse}
body {background:#f3f3f3; position:relative}
h3.atitle { padding:10px;  font-size:15px; box-shadow: 0 3px 3px #999; color:#4c4c4c; margin:15px 0}
.vn{background:url('../images/vn.gif') center}
.en{background:url('../images/en.gif') center}
.kr{background:url('../images/kr.gif') center}
.top {height:56px; background:url(../images/bg_top.gif) repeat-x; width:100%; position:relative; box-shadow: 0px 1px 3px #666}
.top a{line-height: 50px;padding: 10px 20px;color:#fff;font-weight: bold}
.lang {position:absolute; top:13px; right:10px;}
.lang input {padding-right:5p;width: 40px;height: 30px;border:none}

.login {width:90%; height:225px; margin:100px auto; border:1px solid #848484; -moz-border-radius: 6px; -webkit-border-radius: 6px; background:#eef0f6; position:relative}
.tlogin {height:39px; line-height:39px; color:white; font-size:18px; font-weight:bold; padding-left:20px; background: url(../images/bg_tlogin.gif) repeat-x; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px;}
.clock {position:absolute; right:-15px; top:-20px; background:url(../images/lock.png) no-repeat; width:78px; height:77px; display:block}
.userpass {margin:30px 0 20px}
.userpass span {width:25%; padding-left:20px; display:block; float:left; height:28px; line-height:28px}
.text_login {background:white; width:60%; height:28px; border:1px solid #848484}
.rebutton a {padding-left:30px; font-size:14px; text-decoration:underline}
.blogin {float:right; margin-right:48px; padding:4px 15px; border:1px solid #5b8333; background: url(../images/bg_blogin.gif) repeat-x; -moz-border-radius: 6px; -webkit-border-radius: 6px; color:#446620; font-size:14px; font-weight:bold; cursor:pointer}

.nav_top {background:white; height:38px; box-shadow: 0 3px 3px #999}
.nav_tit {text-align:center; color:#1472b7; font-weight:bold; font-size:18px; line-height:38px}
.main_app {padding:20px}
.main_app h1 { background:white; box-shadow: 0 2px 2px #848484; min-height:30px; margin-top:10px}
.main_app h1 .top_col {height:2px; display:block; background:#0f9e00}
.main_app h1 a, .main_app h1 .app_tt { font-size:15px; font-weight:bold; padding-left: 15px; display:block; min-height:30px; line-height:30px; cursor:pointer}
.sub_app {padding:0 10px}
.sub_app li {box-shadow: none; height:auto; margin:0 15px; border-top:1px solid #d5d5d5}
.sub_app li a {font-size:15px; font-weight:normal; padding:0}

.footer {background:url(../images/bg_footer.gif) repeat-x; height:44px; clear:both; width:100%; margin-top:30px}
.footer span {color:#0c5b94; text-align:center; line-height:44px; display:block; }

.main_content {margin:10px}
.tcontent { width:100%; border:1px solid #C4C0C9; border-bottom:none; border-right:none; background:white}
.tcontent td a {color:#333}
.tcontent td a:hover {color:#1472b7}
.tcontent .trtit {background:#eee; height:40px; font-weight:bold}
.tcontent tr td { padding:5px; border-bottom: 1px solid #C4C0C9; border-right: 1px solid #C4C0C9; text-align:center; color:#333}
.trfoo {background:#ccc; height:50px}
.trfoo td a {padding:4px 8px 6px; border:1px solid #a0a0a0; background:#e9e5e1;}

.top_but {margin:20px auto}
.top_but li {-moz-border-radius: 6px; -webkit-border-radius: 6px; border:1px solid #b6b6b6; width:57px; height:50px; background:white; position:relative; margin:0 8px; display:inline-block; list-style:none; cursor:pointer;box-shadow: 0 1px 2px #999;}
.top_but li:hover {box-shadow: 0 1px 2px #999;}
.top_but li img { position: absolute; left:0; right:0 ; top:0; bottom: 0; margin:auto; border:none;width: 40px}
.hidden {display:none;padding: 5px 10px; font-family:Arial, Helvetica, sans-serif;background: #333; color:white; font-size:13px; font-weight:bold;-moz-border-radius: 4px; -webkit-border-radius: 4px; position:absolute; top:50px}
.top_but li:hover .hidden {display:block}

.col_left {background:#eee; font-weight:bold}

.btn_cong {margin:10px}
.btn_cong a{ padding:4px 8px; background:#3385bf; box-shadow: 2px 1px 1px #666; margin-right:10px; font-size:16px; color:white }
.btn_cong a:hover {background:#999}

.btn_Add { padding:3px 6px; background:#3385bf; box-shadow: 2px 1px 1px #666; margin-right:5px; font-size:13px; color:white; border:none; cursor:pointer}

.list_ref{width: 100%}


















